
.sats {
	position: absolute;
	margin: 0px;
	margin-left: -40px;
	padding: 0px;
	display: block;
	float: left;
	z-index: 100;
	}
.sats img { z-index: 100; }

#menu_help,#menu_action,#menu_game {
  z-index: 99;
  -moz-opacity: .999;

}
a img { border-width: 0px; }
#tableinfo {
	width: 100%;
	line-height: 1.1;
	}
.wh {
		padding: 3px;
		margin: 2px;
		margin-left: 10px;
		color: #999;
		border: 1px solid #333;
		font-size: .8em;
		overflow: auto;
	}
#ads {
	position: absolute;
	top: 25px;
	border: 0px none #000;
	z-index: 0;
	border-width: 0px;
	border: none;
	border-style: none;
	border-color: #000;
	overflow: none;
}

body {
	background: #000;
	scrollbar-face-color: #000;
	scrollbar-arrow-color: #555;
	scrollbar-track-color: #222;
}

img {
	behavior: url(iepngfix.htc);
}

label {
	width: 6em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.linksTooltip {
	border: 3px solid #933;
	background-color: #600;
	padding: 10px;
	color: #ccc;
}

input {
	border: 0.25px solid #666666;
}

button {
	border: 0.25px outset #666666;
}

#countdown {
	width: 0px;
	left: 10px;
	height: 15px;
	position: absolute;
	background-color: #666;
}

#offturn_moves {
	position: absolute;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	color: #fff;
	margin: 2px;
}

#header {
	background: url("http://in.flict.net/war/images/c0nflict.logo.white.grey.png");
	background-repeat: no-repeat;
	background-position: 5% 50%;
	position: fixed;
	text-decoration: none;
	font-family: verdana;
	z-index: 9;
	top: 0px;
	left: 0px;
	padding: 2px;
	width: 405px;
	background-color: #333;
	color: #000033;
}

#player_info {
	position: fixed;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	z-index: 1;
	top: 0px;
	left: 410px;
	padding: 2px;
	width: 250px;
	color: #fff;
}

#player_info_rank {
	position: fixed;
	z-index: 9;
	top: 0px;
	left: 400px;
}

#player_info_name {
	position: fixed;
	z-index: 9;
	top: 2px;
	left: 440px;
}

#player_info_rating {
	position: fixed;
	z-index: 9;
	top: 16px;
	left: 440px;
}

#cover {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #aaaaaa;
	filter: alpha(opacity =   50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	z-index: 10;
}

#synopsis {
	width: 295px;
	font-size: 11px;
	padding: 5px;
	float: left;
}

#regform input {
	
}

#regform button {
	align: right;
	float: right;
}

#inviteaction,#register {
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	position: absolute;
	height: 190px;
	padding: 20px;
	width: 620px;
	filter: alpha(opacity =   100);
	opacity: 1;
	background-color: #eee;
	-moz-opacity: 1;
	color: #111;
	z-index: 11;
	/*color: #ffffff;
	background-color: #222;*/
}
#inviteaction {
	width: 620px;
	height: 170px;
}
#inviteaction > button {
	font-size: 12px;
}
#inviteaction > table {
	font-size: 11px;
	color: #111;
}

#creategame label {
	width: 8.5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
	
#creategame {
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	position: absolute;
	height: 165px;
	padding: 20px;
	width: 410px;
	filter: alpha(opacity =   100);
	opacity: 1;
	background-color: #ffffff;
	-moz-opacity: 1;
	z-index: 11;
}

#loading {
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	position: absolute;
	height: 100px;
	vertical-align: middle;
	padding: 20px;
	width: 320px;
	filter: alpha(opacity = 100);
	opacity: 1;
	background-color: #000;
	color: #aaa;
	-moz-opacity: 1;
	z-index: 11;
}

#loadingstatus {
	height: 42px;
	width: 250px;
	background-color: #222;
	font-size: 9px;
	overflow: auto;
	padding: 10px;
	color: #999;
}

#regform {
	float: right;
	top: 0px;
	left: 0px;
	width: 305px;
}

#tablegroup {
	text-align: center;
	font-family: verdana;
	font-size: 14px;
	height: 60px;
	background-color: #333333;
	color: #eeeeee;
	border: 1px outset #333;
}
#tablename { 
	padding: 0;
	margin: 0;
}
#header a {
	text-decoration: none;
	font-family: verdana;
}

#tabs {
	display: none;
	background-color: #99aaff;
	color: #aaaaaa;
}

#roomlist {
	position: relative;
	top: 0px;
	left: 0px;
}

#gamelist {
	position: relative;
	top: 0px;
	left: 60px;
}

#friendlist {
	position: relative;
	left: 120px;
	top: 0px;
}

#game div {
}

#roster div {
/*	float: left;*/
}

#roster>div {
	clear: left;
	width: 80%;
}

#roomlist div {
	float: left;
}

#roomlist>div {
	clear: left;
	width: 80%;
}

.unl {
	font-weight: bold;
	font-size: 12px;
	width: 40%;
}
.unlb {
	position: relative;
	float: right;
	margin: 0px;
	margin-left: -90px;
	font-weight: bold;
	font-size: 12px;
	width: 10%;
}

.unr {
	width: 35px;
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: right;
}
.unw {
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: right;
}
.unr2 {
	width: 25px;
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.unrp {
	font-size: 9px;
	padding-top: 0px;
	margin-top: -4px;
	width: 35px;
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	text-align: right;
	
}
.unrw {
	float: right;
	text-align: right;
	display: block;
	width: 55%;	
}

.user {
	cursor: pointer;
	clear: left;
	margin: 1px;
	width: 90%;
}  
.buddy,.buddyreq {
	cursor: pointer;
	clear: left;
	color: #ccc;
	font-size: 12px;
	padding: 4px;
	line-height: 1em;
	margin: 1px;
	width: 90%;
}
.buddyreq { color: #555; } 
.utable {cursor: pointer; clear:left; width: 75%;}

.utrank {
	float: left;
	margin-left: -6px;
	margin-right: 2px;
		}

.die {
	background: url(images/wb.png) repeat-x 0 -5px;
	cursor: pointer;
	position: absolute;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 0px;
	background: #aaaaaa;
	color: #000000;
	text-align: center;
	vertical-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;
}

.cdie {
	cursor: pointer;
	position: absolute;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 0px;
	background: #aaaaaa;
	color: #000000;
	text-align: center;
	vertical-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;
	filter: alpha(opacity =   30);
	opacity: 0.3;
	-moz-opacity: 0.3;
}

div#game {
	background: #000000;
	border: 2px solid #000;
	color: #000;
	line-height: 20px;
	font-family: verdana;
	font-size: 10px;
	z-index: 1;
	position: relative;
	top: 2px;
	left: 2px;
}
.chat0 {
	color: #888;
	}
.chat1 {
	color: #c20;
}

.chat2 {
	color: #0b0;
}

.chat3 {
	color: #22f;
}

.chat4 {
	color: #ea0;
}

.chat5 {
	color: #0bb;
}

.chat6 {
	color: #b0b;
}

div#chatroom {
	background: #000;
	border: 2px solid #333;
	position: absolute;
	background-color: #000;
	width: 650px;
	top: -400;
	color: #ddd;
}

#sidebar {
	border: 2px solid #333;
	line-height: 20px;
	font-family: verdana;
	font-size: 11px;
	width: 180px;
	position: absolute;
	right: 800px;
	top: 10px;
	left: -400;
}

div#roster {
	height: 327px;
	background-color: #000;
	border: 0px outset #333;
	overflow: auto;
}

#sbac4,#sbac5,#sbac6,#friendslist,#buddylist {
	font-family: verdana;
	font-size: 9px;
	height: 168px;
	background-color: #000;
	border: 0px outset #333;
	overflow: auto;
	margin: 0px;
}
#tablecontrols > span {
	text-align: right;
	}


div#tablecontrols {
	position: absolute;
	font-size: 1em;
	text-align: right;
	background-color: #000;
	margin: 4px;
	width: 290px;
	z-index: 2;
	top: 4px;
	/*left: 580px;*/
	left: -400;
}
#invite {
	color: #ccc;
	font-size: 9px;
	padding: 3px;
	padding-left: 9px;
	padding-right: 9px;
	}
div#sbhdr2 {
	font-family: verdana;
	font-size: 11px;
	height: 20px;
	
	background-color: #333;
	color: #ddd;
	border: 0px 1px 1px 0px outset #333;
	border-top: 1px solid #666;
}
.sbhdr2 {
	font-family: verdana;
	font-size: 11px;
	height: 20px;
	
	background-color: #333;
	color: #ddd;
	border: 0px 1px 1px 0px outset #333;
	border-top: 1px solid #666;
}
#mapstars {
	color: #777;
	font-family: verdana;
	font-size: 11px;
	text-align: right;
	}

div#control {
	font-size: 1.4em;
	height: 25px;
	z-index: 99;
	background-color: #000;
	border: 0px outset #333;
}

div#chat,div#status {
	font-family: verdana;
	background-color: #000;
	overflow: auto;
	height: 120px;
	color: #ddd;
}

div#chat {
	color: #ddd;
	background-color: #000;
	font-size: 12px;
	float: left;
	width: 60%;
	padding: 4px;
}

div#status {
	font-size: 11px;
	width: 35%;
	float: right;
}

div#rf {
	float: right;
}

div#roster div {
	/*padding: 0 .5em;*/
	padding: 0 1px;
}

#friendslist div {
	color: #aaa;
	font-size: 1.1em;
	padding: 0 2px;
}
div#user1 {width: 90%; float: left;}
div#user1name {float:left;}
.user1 {
	border-color: #c20;
	border: 0px solid #c20;
	background-color: #000;
	border-left: 8px solid #c20;
}
.user1hot {
	border-color: #c20;
	border: 2px outset #c20;
	background-color: #222;
	border-left: 8px solid #c20;
}

div#user2 {
	width: 90%;
	 float: left;
}
div#user2name { float: left; }
.user2 {
	border-color: #0b0;
	border: 0px solid #0b0;
	background-color: #000;
	border-left: 8px solid #0b0;
	margin: 0px;
	padding: 0px;
}
.user2hot {
	border-color: #0b0;
	border: 2px outset #0b0;
	background-color: #222;
	border-left: 8px solid #0b0;
}

div#user3 {width: 90%;  float: left;}
div#user3name {float:left;}
.user3 {
	border-color: #22f;
	border: 0px solid #22f;
	background-color: #000;
	border-left: 8px solid #22f;
	margin: 0px;
	padding: 0px;
}
.user3hot {
	border-color: #22f;
	border: 2px outset #22f;
	background-color: #222;
	border-left: 8px solid #22f;
}


div#user4 {width: 90%; float: left; }
div#user4name {float:left;}
.user4 {
	border-color: #ea0;
	border: 0px solid #ea0;
	background-color: #000;
	border-left: 8px solid #ea0;
	margin: 0px;
	padding: 0px;
}
.user4hot {
	border-color: #ea0;
	border: 2px outset #ea0;
	background-color: #222;
	border-left: 8px solid #ea0;
}


div#user5 {width: 90%; float: left; }
div#user5name {float:left;}
.user5 {
	border-color: #0bb;
	border: 0px solid #0bb;
	background-color: #000;
	border-left: 8px solid #0bb;
	margin: 0px;
	padding: 0px;
}
.user5hot {
	border-color: #0bb;
	border: 2px outset #0bb;
	background-color: #222;
	border-left: 8px solid #0bb;
}


div#user6 {width: 90%;  float: left;}
div#user6name {float:left;}
.user6 {
	border-color: #b0b;
	border: 0px solid #b0b;
	background-color: #000;
	border-left: 8px solid #b0b;
	margin: 0px;
	padding: 0px;
}
.user6hot {
	border-color: #b0b;
	border: 2px outset #b0b;
	background-color: #222;
	border-left: 8px solid #b0b;
}

div#input {
	font-family: verdana;
	clear: both;
	padding: 4px;
	border-top: 1px solid black;
}

input {
	font-family: verdana;
	padding: 0 .25em;
	color: #ddd;
	background-color: #333;
}

input#sendB {
	font-size: .8em;
}

input#phrase {
	color: #fff;
	font-size: .8em;
	width: 28em;
	background-color: #111;
}

input#username {
	width: 14em;
}

span.hidden,div.hidden {
	display: none;
}

span.from {
	font-weight: bold;
}

span.alert {
	font-style: italic;
}

/*Map
-------------------------------------*/
.square {
	cursor: pointer;
	position: absolute;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 0px;
	background: #aaaaaa;
	color: #000000;
	text-align: center;
	font-weight: bold;
}

.depress {
	border-width: 3px;
	border-style: inset;
}

.gray {
	background-color: #aaaaaa;
}

.red {
	background-color: #c20;
}

.green {
	background-color: #0b0;
}

.blue{
	background-color: #22f;
}

.yellow {
	background-color: #ea0;
}

.teal {
	background-color: #0bb;
}

.magenta {
	background-color: #b0b;
}

.black {
	background-color: #000000;
}

.hi.gray {
	background-color: #eeeeee;
}

.hi.red {
	background-color: #aa5555;
}

.hi.green {
	background-color: #888855;
}

.hi.blue {
	background-color: #5555aa;
}

.hi.yellow {
	background-color: #888855;
}

.hi.teal {
	background-color: #558888;
}

.hi.magenta {
	background-color: #ff88ff;
}
#popup,#prefsframe,#cmdframe,#tutorframe {
	top: 30px;
	position: absolute;
	background-color: #222;
	color: #ddd;
	border-color: #777;
	border-width: 2px;
	border-style: ridge;
	z-index: 99;
	filter: alpha(opacity =   90);
	opacity: 0.9;
	-moz-opacity: 0.9;
}
#popup {
	position: absolute;
	top: 0px;
	font-family: verdana;
	left: 400px;
	font-size: 1.1em;
	border: none;
	background-color: #ddd;
	color: #222;
	padding: 4px;
	padding-left: 7px;
	padding-right: 7px;
	border-color: #920;
}
.psmall { font-size: .7em; }
#tutorframe {
	left: 30px;
	width: 500px;
}

#cmdtext,#prefstext,#tutortext {
	padding: 15px;
	text-decoration: none;
	color: #eee;
	font-family: verdana;
	font-size: 12px;
}

button {
	margin: 2px;
	font-family: verdana;
	font-size: 0.8em;
	color: #ddd;
	background-color: #333;
}

.cmdbutton,.prefsbutton,.tutorbutton {
	padding: 2px;
	margin: 10px;
}

#cmdframe {
	left: 200px;
	width: 500px;
}

table {
	font-size: 11px;
	font-family: verdana;
	color: #ccc;
}

#prefsframe {
	left: 420px;
	width: 250px;
	font-family: verdana;
	font-size: .8em;
	padding: 10px;
}

#rolldisp {
	position: relative;
	background-color: #000000;
	color: #0000aa;
	border-color: #0000aa;
	border-width: 2px;
	border-style: ridge;
	z-index: 99;
	filter: alpha(opacity =   90);
	opacity: 0.9;
	-moz-opacity: 0.9;
	padding: 15px;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
}

#rollattacker {
	position: relative;
	margin: 5px;
}

#rolldefender {
	position: relative;
	top: 50px;
	left: 5px;
	margin: 5px;
}

.rd {
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
	margin: 1px;
}

.rdu {
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	margin: 1px;
}

.dimg {
	/*margin: 1px;*/
}

#join {
	font-size: .9em;
}

#join>input {
	background-color: #333;
	color: #fff;
	font-size: .9em;
}

#cmdframe>form {
	margin: 10px;
}

#prefsframe>form {
	margin: 10px;
}

.privmsg {
	color: #f90;
}
#sbac6,#sbac4 {
	overflow: auto;
}

.AI,.MP {
	background-color: #eee;
	color: #000;
	font-style: verdana;
	padding: 1px;
	font-weight: bolder;
	padding-left: 4px;
	padding-right: 4px;
	margin: 2px;
}
.AI {
	background-color: #666;
	
	}
.inputsTooltip {
	border: 1px solid #000;
	background-color: #444;
	padding: 4px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*width: 150px;*/
}

.inputsTooltip #tooltipTitle {
	font-weight: bold;
}

#tableinfo {
	color: #aaaaaa;
	margin: -5px;
	font-family: verdana;
	padding: 5px 0px 5px 5px;
	font-size: 9px;
}

/* NAV START */
.nav ul { display: none; }

.nav,.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 99;
}

#nav-one {
	float: right;
	display: inline;
	z-index: 99;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	z-index: 99;
	-moz-opacity: .999;
	float: right;
	display: inline;
}

.nav li {
	float: left;
	margin: 0;
		-moz-opacity: .999;
	padding: 0;
	position: relative;
	z-index: 99;
}

.nav li a,.nav li a:link,.nav li a:active,.nav li a:visited {
	font: bold 1.12em/ 25px Arial, Helvetica, sans-serif;
	background: #565656;
	color: #ddd;
	display: block;
	padding: 2px 11px;
	z-index: 99;
	-moz-opacity: .999;
	text-decoration: none;
}

.nav li a:hover {
	background: #ddd;
	z-index: 99;
	-moz-opacity: .999;
	
	color: #000;
}

#nav-one li:hover a,#nav-one li.sfHover a {
	background: #ddd;
	z-index: 99;
		-moz-opacity: .999;
	color: #000;
	display: block;
	-moz-opacity: .999;
}
.nav li:hover ul { display: block; }
#nav-one li:hover ul a,#nav-one li.sfHover ul a {
	background: #565656;
	z-index: 99;
	-moz-opacity: .999;
	display: block;
	color: #ddd;
}

#nav-one li:hover ul a:hover,#nav-one li.sfHover ul a:hover {
	z-index: 99;
	background: #ddd;
	color: #000;
}

#nav-twoa,#nav-twob,#nav-two {
	z-index: 99;
	margin-left: 1.5px;
	margin-right: 1.5px;
}

.nav ul {
	background: #565656;
	border-bottom: 1px solid #000;
	list-style: none;
	margin: 0;
	width: 150px;
	position: absolute;
	z-index: 500;
	top: -999em;
	left: -1px;
}

.nav li:hover ul,.nav li.sfHover ul {
	-moz-opacity: .999;
	z-index: 99;
	top: 29px;
}

.nav ul li {
	border: 0;
	z-index: 99;
	float: none;
}

.nav ul a {
	/*border: 1px solid #000;*/
	border-bottom: 0;
	padding-right: 20px;
	width: 149px;
	z-index: 99;
	white-space: nowrap;
		-moz-opacity: .999;
	
}

.nav ul a:hover {
	background: #ccc;
	z-index: 99;
	color: #000;
}

/* end nav */

#sidebar {
	font-family: 'verdana';
	color: #fff;
	background-color: #333;
}

#tablegroup {
	background-color: #333;
	border: 0px outset #333;
	color: #eee;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

#roster {
	list-style: none;
	color: #fff;
	background-color: #000;
	padding: 0;
}

#roster li {
	-moz-border-radius: 0 0 0 20px;
	background-image: url(images/wb.png);
	background-position: 0 -11px;
	background-repeat: repeat-x;
	padding: .33em 7px;
	overflow: hidden;
}

#roster li[id] {
	background-position: 0 -5px;
}

#roster li ul {
	display: none;
	list-style: none;
	margin-right: -.5em;
	padding-left: 1em;
}

#roster .userrank {
	display: none;
	position: absolute;
	left: -50px;
}

#roster .userrank span {
	display: block;
	width: 50px;
	text-align: center;
}

#roster li:hover .userrank {
	display: inline;
}

#roster .username {
	font-weight: bold;
}

#roster .userdice {
	position: absolute;
	left: 6em;
}
#sbac dt.myAccordionHover
{
	background-color: #444;
	cursor: pointer;
}
#sbac dt.myAccordionActive
{
	background-color: #222;
}
dl,dd,#sbac5,#sbac6,#invite {
	margin: 0px;
	overflow: auto;	
}

#sb_news,
#sb_news_controls {
	color: #ccc; 
	padding: 6px; 
	font-size: 10px; 
	line-height: 15px;
}

#sb_news_controls a {
	text-decoration: none;
	color: white;
}

#invite input {
 width: 90px;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Verdana;
color: white;
line-height:14px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #222;
padding: 1px 0;
font:normal 11px Verdana;
color: white;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #444;
}
